<!--html page to show difference between LPG and WOOD -->
<html>
<head>
<link href="tableCss.css" rel="stylesheet" type="text/css" />  <!--linking the css stylesheet file-->
<script type="text/javascript" src="tableJscript.js"></script>  <!--linking the javascript file-->
</head>
<body>
<!--table is created by using <div> only 
    separate classes and id are define for each row and columns  -->
<div style="margin-left:25%;margin-top:4%;">
<div style="width:65%">
<div>
<div class="cell1">LPG</div>
<div class="cell1">WOOD</div>
</div>
<div class="head">
<div class="cell2">Consumption of LPG</div>
<div class="cel">
  <input name="lpg" type="text" class="input" onKeyUp="cal()" value="4"  minlength="1" maxlength="7"> 
  Kg/Hr
</div>
<div class="cell2"> Wood chips Consumption</div>
<div class="cel2" id="wood"></div>
</div>
<div>
<div class="center">Number of Hours usage
  <input  name="hour"  class="input2" onKeyUp="cal()" value="8" maxlength="2"/>Hrs/Day</div>
<div class="center">Number of Months 
  <input  name="month" class="input2" onKeyUp="cal()" value="1" maxlength="2"/></div>
</div>
<div>
<div class="cell2">Cost of LPG</div>
<div class="cel"><input  name="costl" class="input" onKeyUp="cal()" value="90" maxlength="7" maxvalue="24"/> 
  /Kg</div>
<div class="cell2">Cost of Wood</div>
<div class="cel"><input  name="costw" class="input" onKeyUp="cal()" value="6" maxlength="7"/> /Kg</div>
</div>
<div class="head">
<div class="cell2">LPG Consumption per Month</div>
<div id="lpgcm" class="cell2"></div>
<div class="cell2">Wood Consumption per Month</div>
<div id="woodcm" class="cell2"></div>
</div>
<div class="head">
<div class="cell2">Monthly Cost of LPG</div>
<div id="lpgcost" class="cell2"></div>
<div class="cell2">Monthly Cost of Wood chips</div>
<div id="woodcost" class="cell2"></div>
</div>
<div>
<div class="center">Gross Savings by Gasifier</div>
<div class="center1" id="gross"></div>
</div>
</div>
</div>
 
</body>
</html>
